import loginPage from "@/components/login/loginPage";
import home from "@/components/main/home";
import fav from "@/components/main/fav";
import profile from "@/components/main/profile";
import comicList from "@/components/main/childPage/comicList";
import comicSearch from "@/components/main/childPage/comicSearch";
import comicDetail from "@/components/main/childPage/comicDetail";
import comicPicture from "@/components/main/childPage/comicPicture";
import comicComment from "@/components/main/childPage/comicComment";
import mainPage from "@/components/main/mainPage";

const routes = [
    {
        name: 'login',
        path: '/',
        component: loginPage
    },
    {
        name: 'comicList',
        path: '/main/comics',
        component: comicList,
    },
    {
        name: 'comicSearch',
        path: '/comicSearch',
        component: comicSearch
    },
    {
        name: 'comicDetail',
        path: '/comicDetail',
        component: comicDetail
    },
    {
        name: 'comicPicture',
        path: '/comicPicture',
        component: comicPicture
    },
    {
        name: 'comicComment',
        path: '/comicComment',
        component: comicComment
    },
    {
        name: 'main_page',
        path: '/main',
        component: mainPage,
        children:[
            {
                name: 'home',
                path: '/main/home',
                component: home
            },
            {
                name: 'fav',
                path: '/main/fav',
                component: fav
            },
            {
                name: 'profile',
                path: '/main/profile',
                component: profile
            },
        ]
    },
];

export default routes
